// pages/express-delivery/relation.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 显示遮罩？
    isshow:true,
    // 设置动画
    animationData: {} ,
    // picker
    region: ['广东省', '广州市', '海珠区'],
    customItem: '全部',

    // 以下全部为表单的值
    recipients_name:'',
    tel_num:'',
    address:'',

   
  },
  // 设置显示遮罩
  show_modal:function(){
    // this.setData({
    //   isshow:!this.data.isshow
    // })

    // var animation = wx.createAnimation({
    //   duration: 800,
    //   /**
    //     * http://cubic-bezier.com/ 
    //     * linear 动画一直较为均匀
    //     * ease 从匀速到加速在到匀速
    //     * ease-in 缓慢到匀速
    //     * ease-in-out 从缓慢到匀速再到缓慢
    //     * 
    //     * http://www.tuicool.com/articles/neqMVr
    //     * step-start 动画一开始就跳到 100% 直到动画持续时间结束 一闪而过
    //     * step-end 保持 0% 的样式直到动画持续时间结束 一闪而过
    //     */
    //   timingFunction: "ease",
    //   delay: 1000
    // })
    // this.animation = animation
    // animation.translateY(300).step()
    // this.setData({
    //   animationData: animation.export(), // export 方法每次调用后会清掉之前的动画操作。
    //   // showShopPopup: true
    //   isshow: !this.data.isshow

    // })
    // setTimeout(() => {
    //   animation.translateY(0).step()
    //   this.setData({
    //     animationData: animation.export()  // export 方法每次调用后会清掉之前的动画操作。
    //   })
    //   // console.log(this)
    // }, 200)

  
  var animation=wx.createAnimation({
    duration:500,
    timingFunction:"ease-in-out",
    delay:50,


  });
  this.animation=animation;
  animation.translateY(650).step()
  this.setData({
    animationData:animation.export(),
    isshow:!this.data.isshow
  })

  setTimeout(function(){
    animation.translateY(0).step();
    this.setData({
      animationData:animation.export()
    })
  }.bind(this),300)
  


  },
  // 设置隐藏遮罩

  hideModal:function(e){
    // console.log(e)
    // this.setData({
    //   isshow:!this.data.isshow
    // })
    var animation=wx.createAnimation({
      duration:500,
      timingFunction: "ease",
      delay: 50,
    })

    this.animation=animation;
    animation.translateY(0).step();
    this.setData({
      animationData:animation.export(),
      isshow: this.data.isshow
    })

    setTimeout(function(){
      animation.translateY(650).step();
      this.setData({
        animationData:animation.export()
      })
    }.bind(this),300)




  },
  // .....表单的提交修改.......
  formSubmit:function(e){
    // console.log('2222')

    console.log(e)


  },


  // 设置picker表单值
  bindRegionChange: function (e) {
    console.log('picker发送选择改变，携带值为', e.detail.value)
    this.setData({
      region: e.detail.value
    })
  },
  Back: function() {
    wx.navigateBack({
      delta: 1
    })
  },
  addPerson: function() {
    wx.navigateTo({
      url: 'add'
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    var UserID = "201701031229AA";
      wx.request({
        url: 'https://m.ehomebar.com/baas/dianjia/expressenhance/getUserReceiver',
       
       
      })
  },
// 点击删除联系人
  delete_recipients:function(){
    console.log("lllll")
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },



  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})